<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
	<link href="css\app.css"  rel="stylesheet"  type="text/css"/>
	<link href="css\mui.min.css" rel="stylesheet"  type="text/css"/>
	<script src="js\jquery.js" type="text/javascript" charset="utf-8"></script>
	<style type="text/css">
			.bottomNavigation {
			    width:100%;
			    height:50px;
			    margin:0px;
			    background:#CCCCCC;
			    position:fixed;
			    bottom:0;
			    text-align:center;
			}
			.button{
				width: 49%;
				height: 100%;
			}
			.selected{font-weight:bold; background: #5EA294; color:#fff;border:red;}
		</style>
	<script type="text/javascript">
			//页面刷新时加载
			window.onload=function(){
				//show();
				myjson();

			}
			function show(json){
			for(var i=0;i<json.length;i++){
					str+="<li class='mui-table-view-cell'>" +
								"<table border='0' cellspacing='' cellpadding='' width='100%'>" +
		                        "<tr height='40px'>" +
		                        "<th>" + "名称" + "</th>" +
		                        "<th>" + "数量" + "</th>" +
		                        "<th>" + "单价" + "</th>" +
		                        "</tr>" ;
		                     var order_goods=json[i].order_goods;
		                     p=eval(order_goods);
		                     for(var j=0;j<p.length;j++){
									str+="<tr>" +
										"<td>" + p[j].goods_name + "</td>" +
										"<td>" + p[j].goods_amount + "</td>" +
										"<td>" + p[j].goods_price + "</td>" +
										"</tr>";
		                     }
		                     str+="<tr  style='display:none;'>" +
			                        "<td colspan='3'>" + json[i].order_id + "</td>" +
			                        "</tr>"+
		                     		"<tr>" +
			                        "<td>" + "创建时间：" + "</td>" +
			                        "<td>" + json[i].create_time + "</td>" +
			                        "<td>" + "" + "</td>" +
			                        "</tr>"+
			                        "<tr>" +
			                        "<td>" + "备注：" + "</td>" +
			                        "<td>" + "暂无备注" + "</td>" +
			                        "<td>" + "" + "</td>" +
			                        "</tr>"+
			                        "</table>" +
			             			"</li>";
				}
                     return str;
			}
			//从第几条开始
			startCount=0;//定义全局变量
		    str="";
		    diyici=1;//控制下拉加载后，liChange（）只跑一遍
			function myjson(){
				//每页几条
				var pageCount=3;
					//调用android的方法,得到查询出来的数据
					//alert(startCount+":::"+pageCount);
					var json=historyOrder.selectOrder(startCount,pageCount);
					alert(json);
					json=eval(json);//转化成对象
					//alert("对象"+json);
					if(null==json||""==json){
						//alert("没有更多的数据");
						document.getElementById('pullDown').innerHTML="加载完毕";
					}
					startCount+=3;
					str=show(json);
					document.getElementById('myUl').innerHTML=str;
					if(diyici==1){
						diyici++;
						liChange();
					}
					return str;

			}
			function liChange(){//点击选中重新添加购物车功能
			   	s=true;
			    myTest="";
			    $("#myUl").on("click","li",function(){  //只需要找到你点击的是哪个ul里面的就行
			    	if(s){
			    		myTest=$(this).text();
			    		$(this).siblings("li").removeClass('selected');
						$(this).addClass('selected');
						eval(this).value=1; //设置选中状态为1
						var i=0;
						for(i=0;i<$(this).find('td').length;i++){
							if($(this).find('td').eq(""+i+"").text()=="创建时间："){
								t1 =$(this).find('td').eq(""+(i-1)+"").text();
								alert(t1);
								anewAddCart();
							}
						}
						$(this).siblings("li").attr("value",0);//设置兄弟节点的value属性
						myTest=$(this).text();
					    s=false;
			    	}else{
			    		if(myTest==$(this).text()){
			    			$(this).removeClass('selected');
			    			eval(this).value=0; //设置选中状态为1
				    		s=true;
				    		t1="您还未选择订单";
				    		anewAddCart();
			    		}else{
			    			$(this).siblings("li").removeClass('selected');
							$(this).addClass('selected');
							eval(this).value=1; //设置选中状态为1
							var i=0;
							for(i=0;i<$(this).find('td').length;i++){
								//alert(i);
								if($(this).find('td').eq(""+i+"").text()=="创建时间："){
									t1 =$(this).find('td').eq(""+(i-1)+"").text();
									alert(t1);
									anewAddCart();
								}
							}
							$(this).siblings("li").attr("value",0);//设置兄弟节点的value属性
							myTest=$(this).text();
			    			s=false;
			    		}
			    	}
				 });
			};
			//重新加入购物车功能
			t1="";
			function anewAddCart(){
				//返回选中的历史订单的创建时间
				return t1;

			}
			//页面跳转
			function toActivity(activityName){
				//调用android的方法
				var orderId=anewAddCart();
				alert("orderId:"+orderId);
				if("" != orderId && orderId != "您还未选择订单" && activityName=="ShoppingCartActivity"){
					historyOrder.toActivity(activityName,orderId);
				}else if(activityName!="ShoppingCartActivity"){
					orderId="";
					historyOrder.toActivity(activityName,orderId);
				}else{
					alert("您还未选择要重新添加到购物车的订单！");
				}
			}
			//返回
			function myback(){
			    historyOrder.myback();
			}
		</script>
</head>
<body>
	<div class="mui-content">
			<div class="mui-card">
				<ul class="mui-table-view " id="myUl">

				</ul>
				
			</div>
			<div id="" align="center" style="height: 100px;">
				<a href="javaScript:void(0)" onclick="myjson()"id="pullDown">下拉加载</a>
			</div>
	</div>
	<div class="bottomNavigation">
		<input type="button"class="button" name="" id="" onclick="toActivity('ShoppingCartActivity')" value="加入购物车" />
		<input type="button"class="button" name="" id="" onclick="myback()" value="返回购物车" />
	</div>
</body>
</html>